<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>找名医</title>
   
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
    <script src="../js/global.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/jquery-2.1.4.min.js"></script>
    <script src="../js/mui.min.js"></script>
    <script type="text/javascript" src="../js/public.js" ></script>
    <script type="text/javascript" src="../js/app/find-doctor-list.js" ></script>
    <script type="text/javascript" charset="UTF-8">
      	mui.init();
    </script>
    <style type="text/css">
    	.mui-h5.table-view-cell{line-height: 25px;}
    	.mui-table-view:after{height:0px;}
    	.famous-doctor-icon{margin-bottom: -15px;}
   		.famous-doctor-icon>div:nth-child(1) {width: 45px;}
		.famous-doctor-icon>div:nth-child(2)>li{line-height: 55px;font-size:17px;font-weight:500;}
		.famous-doctor-icon>div>img{max-height:60px;}
	
		.mui-segmented-control.mui-segmented-control-inverted {width: 85%;margin: 0 auto;border:1px solid #8dc21f;margin-top: 1em;margin-bottom: 0.3em;height:35px;border-radius:5px ;}
		.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {color:#000;background:#8dc21f;}
		.mui-segmented-control.mui-segmented-control-inverted .mui-control-item {color:#000;line-height:35px;}
		.mui-segmented-control .mui-control-item {line-height: 23px;}
		.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border:none;}
		
		.mui-table-view-cell{padding: 10px 15px;}
    	.mui-search .mui-placeholder{background: white;}
    	.famous-doctor-boss>div:nth-child(1)>img{width: 100%;max-height:80px;}
		.famous-doctor-boss>div:nth-child(1){width:60px;float: left;}
		.famous-doctor-boss>div:nth-child(2){width:calc(100% - 80px);float: left;padding-left: 15px;font-size:14px;line-height: 30px;}
		.famous-doctor-boss>div:nth-child(2)>li:nth-child(2){line-height: 23px;}
        .mui-btn{width:18% !important;padding:9px 15px !important;border-radius: initial;border: none;color:#8dc21f}
        .mui-search .mui-placeholder,input[type=search]{width:80%;}
    </style>
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav">
		<i class="mui-icon mui-icon-back mui-action-back"></i>
		<h1 class="mui-title ">找名医</h1>
	</header> 
	<div id="content" class="mui-content"></div>
	<div id="slider" class="mui-slider ">
		<div id="sliderSegmentedControl" class="classify-font-size mui-slider-indicator mui-segmented-control mui-segmented-control-inverted " >
			<a class="mui-control-item mui-active" href="#item1mobile">
				<span>名医</span>
			</a>
			<a class="mui-control-item" href="#item2mobile">	
				<span>医疗组</span>		
			</a>			
		</div>
		<div class="mui-slider-group" >			
		<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
			<div class=""style="padding: 5px 10px;height: 44px;">
				<div class="mui-input-row mui-search ">
				<input type="search" contenteditable="true"  class="doctor" placeholder="请输入医生姓名">
				<button type="button" class="mui-btn">搜索</button>
				</div>	
			</div>
			<div class="doctorList"></div>
			<!--<div class="famous-doctor-boss mui-table-view-cell mui-table-view overflow-h margin-bottom-5">
			<div><img src="../images/icon1.png" alt="" /></div>
			<div>
				<li class="mui-h4">
					<span>李医生</span>
					<span class="font-15">副主任医师</span>
				</li>
				<li class="mui-ellipsis-2">
					<span>简介：</span>
					1995年毕业于杭州高等1995年毕业于杭州高等1995年毕业于杭州高等1995年毕业于杭州高等
					1995年毕业于杭州高等1995年毕业于杭州高等1995年毕业于杭州高等1995年毕业于杭州高等
					1995年毕业于杭州高等
				</li>
			</div>
			</div>-->
		</div>		
		<div id="item2mobile" class="mui-slider-item mui-control-content ">
			<div class=""style="padding: 5px 10px;height: 44px;">
				<div class="mui-input-row mui-search ">
				<input type="search" contenteditable="true"  class="studio" placeholder="请输入医疗组">
				<button type="button" class="mui-btn">搜索</button>
				</div>
			</div>	
			<div class="studioList"></div>	
			<!--<div class="famous-doctor-lists">
			<div class="mui-table-view table-view-cell famous-doctor-icon">
				<div><img src="../images/icon1.png"/></div>
				<div>
					<li class="font-15">李医生医疗组</li>
				</div>
			</div>
			<div class="table-view-cell background mui-h5 famous-doctor-list">
				<h5 class="color-000">工作室介绍：</h5>
				<span>
				1995年毕业于杭州高等1995年毕业于杭州高等1995年毕业于杭州高等1995年毕业于杭州高等
				1995年毕业于杭州高等1995年毕业于杭州高等1995年毕业于杭州高等1995年毕业于杭州高等
				1995年毕业于杭州高等
				</span>
			</div>
			</div>	-->
		</div>		
		</div>
	</div>
</body>
	
</html>